/*
 * The MIT License
 *
 * Copyright (c) 2019, Robin Schulz
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */


/*
#####################################################################
###                        diff classes                           ###
#####################################################################
*/

td.skipping {
    background-color:rgb(250, 250, 250);
}

td.diff_original {
    /*background-color: #FF8C8C;*/
    background-color: rgb(251, 233, 235);
}

td.diff_revised {
    /*background-color: #CCCCFF;*/
    background-color: rgb(236, 253, 240);
}

td.singleLineView.skipping {
    background-color:rgb(250, 250, 250);
}


td.singleLineView.diff_original {
    background-color: rgb(251, 233, 235);
}

td.singleLineView.diff_revised {
    background-color: rgb(236, 253, 240);
}


/*
#####################################################################
###                        line nums                              ###
#####################################################################
*/
/*General*/

table.diffLineTable th.lineNum {
    width: 40px;
    min-width:1%;
    min-height:1%;
    max-width:100%;
    height:1%;

    white-space: nowrap;

    padding: 0 3px;

    border-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid #e8e8e8;
    border-color:rgb(232, 232, 232);

    font-size:13px;
    font-weight: normal;
    text-align:center;

    color: rgba(0, 0, 0, 0.3);
    background-color:rgb(250, 250, 250);

    font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
}

table.diffLineTable th.singleLineView.lineNum {
    width: 50px;
    border-bottom:0;
}

/*lines where something happens*/
table.diffLineTable th.singleLineView.lineNum.diff_equal {

}

table.diffLineTable th.lineNum.diff_original {
    background-color: rgb(249, 215, 220);
    border-color: rgb(250, 197, 205);
    color:rgb(174, 151, 154);
}

table.diffLineTable th.lineNum.diff_revised {
    background-color: rgb(221, 251, 230);
    border-color: rgb(189, 240, 203);
    color:rgb(155, 176, 161);
}

/*
#####################################################################
###                      line modifiers                           ###
#####################################################################
*/

/*- or + for original or revised lines. */
div.diffLine_Modifier {
    font-weight: normal;
    float:left;
    width:18px;
    text-align:center;
}

div.diffLine_Modifier.plus_style {
    color: rgba(0, 0, 0, 0.3);
}

div.diffLine_Modifier.minus_style {
    color: rgba(0, 0, 0, 0.3);
}

/*
#####################################################################
###                      description:                             ###
###                   info about the diff                         ###
#####################################################################
*/
/*sort of a "second subcaption"*/

div.singleLineView.description {
    font-size:13px;
    padding-top:8px;
    color:rgba(0,0,0,0.8);
}

.describedElement:hover {
    color: rgba(0, 0, 0, 0.4);
}

.describedElement {
    background-color: rgba(56,56,56, 0.14);
    color: rgba(0, 0, 0, 0.7);
    border-radius:3px;
    padding:0 2px 0 2px;
}


/*
#####################################################################
###                        syntax hl                              ###
#####################################################################
*/

pre {
    margin: 0;
    white-space: pre-wrap;
}

code.hljs {
    background-color: inherit;
    padding:0;
}


/*
#####################################################################
###                        diffLineTable                          ###
#####################################################################
*/

table.diffLineTable {
    width:100%;
    height:100%;
}

table.diffLineTable tr {
    height:20px;
}

table.diffLineTable th {
    height:20px;
}



table.jch.diffLineTable td {
    padding:0;
    height:20px;
    max-height:40px;
    border-top: 0;
    text-align:left;
    width:100%;
}


/*
#####################################################################
###                       diffLineWrapper                         ###
#####################################################################
*/

table.center.jch td.diffLineWrapper {

    border: 1px solid rgb(221, 221, 221);
    border-bottom: 0;
    width:100%;
    padding:0;
}


/*
#####################################################################
###                        other stuff                            ###
#####################################################################
*/

/*subcaptions are the single files, here.*/
table.jch td.subcaption-wrap {
    /*No space between subcaption wrapper and table content.*/
    padding:0;
    border:0;
}

span.file_added {
    color: rgba(0,140,0,0.5);
}

span.file_removed {
    color: rgba(140,0,0,0.5);
}
